import React from 'react';
import ReactDOM from 'react-dom';
import "./vip.css";
import { Icon, Button } from 'antd';

var Tab = require('./Tab.js');
var Stairs = require('./Stairs.js');
class Vip extends React.Component {
  render() {
    return (
      <div>
          <Top/> 
           <ul className="fixation">
                <li className="fixation_li_1"><Icon type="android-o" /><a><p>官方手Q公众号</p><img src="../images/style/ewm.png"/></a></li>
                <li className="fixation_li_2"><Icon type="github" /><a><p>官方手Q公众号</p><img src="../images/style/ewm.png"/></a></li>
                <li className="fixation_li_3"><Icon type="dingding-o"/><a><p>兴趣部落</p></a></li>
                <li className="fixation_li_4"><Icon type="windows-o" /><a><p>兑换中心</p></a></li>
                <li className="fixation_li_5"><Icon type="customer-service" /><a><p>客服中心</p></a></li>
            </ul>  
      </div>
    );
  }
}

class Top extends React.Component{
    render(){
        return(

            <div class="mod_header" id="topcover">
                <div id="top">
                    <h1 >
                        <a  href="index.html">
                            <img  src="//y.gtimg.cn/mediastyle/music_svip/img/logo.png?max_age=2592000" alt="绿钻豪华版"/>
                        </a>
                        <span>绿钻豪华版</span>
                    </h1>

                    <ul >
                        <li><a href="index.html">首页</a></li>
                          <li >
                              <a  href="svip/level.html">特权与等级</a>                             
                          </li> 

                          <li >
                              <a  href="svip/activity.html">最新活动</a>
                          </li>
                          <li ><a  href="yearvip.html">年费专区</a></li>
                          <li ><a  href="//y.qq.com/vip/fufeibao/index.html" target="_blank">付费音乐包</a></li>

                    </ul>

                    
                    <div id="topRight">
                        <p>您还没有登录，<a href="javascript:;" class="txt4">马上登录</a></p>
                    </div>
               </div>


               <div id="banner">
                    <Tab/>
                    {/*<div class="bannerCom"></div>*/}
                </div>

                <div className="stairs">
                    <Stairs/>
                </div>


            </div>
        )
    }
}


module.exports = Vip;